<script setup lang="ts">
import { useRouter } from "vue-router";

const router = useRouter();
</script>

<template>
  <div class="n">
    <a-empty
      :image-style="{
        height: '60px',
      }"
    >
      <template #description>
        <span> 当前访问的页面不存在 </span>
      </template>
      <a-button type="primary" @click="router.push('/')">返回首页</a-button>
    </a-empty>
  </div>
</template>

<style scoped>
.n {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
</style>
